﻿<%@ Page Title="Hoteles - Four Hoteles" Language="C#" MasterPageFile="~/Hoteles.Master" AutoEventWireup="true" CodeBehind="Hoteles.aspx.cs" Inherits="HotelesWeb.Hoteles1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="Content/Styles/Propios/cadenaHoteles.css" rel="stylesheet" />
    <link href="Content/Styles/Propios/busquedaAvanzada.css" rel="stylesheet" />
    <link href="Content/Styles/Propios/habitaciones.css" rel="stylesheet" />
    <link href="Content/Styles/Propios/reserva.css" rel="stylesheet" />
    <link href="Content/Styles/Externos/jgallery.css" rel="stylesheet" />
    <script src="Scripts/Propios/cadenaHoteles.js"></script>
    <script src="Scripts/Propios/BusquedaAvanzada.js"></script>
    <script src="Scripts/Externos/jquery-jgallery.js"></script>
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Cuerpo" runat="server">
    <div id="contentHoteles">
        <div id="contentFiltros">
            <div id="galeriaCadenasHoteleras" class="contentFondo">
                <div id="imagenGaleriaFondo" class="contentFondo"></div>
                <div id="capaFondo" class="contentFondo"></div>
                <div id="contentGaleria">
                
                </div>
            </div>
        </div>
        <div id="contentResultado">
            <div id="fechas-reserva">
                 <label for="inputFechaEntrada">Fecha entrada</label>
                <input id="inputFechaEntrada" type="text" />
                <label for="inputFechaSalida">Fecha salida</label>
                <input id="inputFechaSalida" type="text" />
                <button id="btnNuevaBusqueda">Mostrar cadenas</button>
            </div>
            <h2>Resultados búsqueda</h2>
            <div id="resultadosHoteles">
              
            </div>
        </div>
    </div>
     <div id="dialogo-reserva" title="Reservar este hotel">
        <span id="habitacion-reserva"></span>
        <img src="Content/Images/fondoGaleriaCadena.png" title="Reservar" alt="Reservar" />
        <h2>Confirmación de reserva</h2>
        <p id="nombre-hotel"></p>
        <table>
            <thead>
                <tr>
                    <th>Datos reserva</th>
                    <th></th>
                    <th>Precio</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Tipo habitación</td>
                    <td id="tipo-reserva"></td>
                    <td></td>
                </tr>
                 <tr>
                    <td>Fecha entrada</td>
                    <td id="fecha-entrada-reserva"></td>
                    <td></td>
                </tr>
                <tr>
                    <td>Fecha salida</td>
                    <td id="fecha-salida-reserva"></td>
                    <td></td>
                </tr>
                <tr>
                    <td>Precio habitación/noche</td>
                    <td></td>
                    <td><span id="precio-reserva"></span> €</td>
                </tr>
                <tr>
                    <td>Número de noches</td>
                    <td></td>
                    <td id="dias-reserva"></td>
                </tr>
                <!--
                <tr>
                    <td>Número habitaciones</td>
                    <td></td>
                    <td>
                        <select id="num-habitaciones-reserva">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                        </select>
                    </td>
                </tr>
                -->
            </tbody>
        </table>

        <h5>Total (sin iva): <strong><span id="total-reserva-sin-iva"></span> €</strong></h5>
        <h4>Total (con iva): <strong><span id="total-reserva"></span> €</strong></h4>
         <div id="content-datos-usuario">
            <table>
                <thead>
                    <tr>
                        <th>Datos personales</th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Nombre y apellidos:</td>
                        <td id="nombre-apellidos-usuario"></td>
                    </tr>
                    <tr>
                        <td>Direccion:</td>
                        <td id="direccion-usuario"></td>
                    </tr>
                    <tr>
                        <td>Población:</td>
                        <td id="poblacion-usuario"></td>
                    </tr>
                    <tr>
                        <td>Provincia:</td>
                        <td id="provincia-usuario"></td>
                    </tr>
                    <tr>
                        <td>Teléfono:</td>
                        <td id="telefono-usuario"></td>
                    </tr>
                    <tr>
                        <td>Email:</td>
                        <td id="email-usuario"></td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div id="content-tarjeta-credito">
            <label>Datos tarjeta crédito</label>
            <input id="campo-tarjeta-1" class="campo-tarjeta numeric" type="text" maxlength="4" />
            <input id="campo-tarjeta-2" class="campo-tarjeta numeric" type="text" maxlength="4" />
            <input id="campo-tarjeta-3" class="campo-tarjeta numeric" type="text" maxlength="4" />
            <input id="campo-tarjeta-4" class="campo-tarjeta numeric" type="text" maxlength="4" />
        </div>
        

    </div>
</asp:Content>
